<template>
  <div id="app">
    <router-view />
  </div>
</template>
<script src="http://rescdn.qqmail.com/node/ww/wwopenmng/js/sso/wwLogin-1.0.0.js" type="text/javascript" charset="utf-8"></script>
<script>
export default {
  name: 'App',
  mounted() {
  },
  created() {
    this.resize()
  },
  methods: {
    resize() {
      const a = window.screen.width
      if (a < 1400) {
        document.getElementsByTagName('html')[0].style.zoom = '0.95'
      }
      if (a >= 1400 && a < 1600) {
        document.getElementsByTagName('html')[0].style.zoom = '0.96'
      }
      if (a >= 1600 && a < 1800) {
        document.getElementsByTagName('html')[0].style.zoom = '0.98'
      }
      if (a > 1900) {
        document.getElementsByTagName('html')[0].style.zoom = '1'
      }
    }
  }
}
String.prototype.trim = function() {
  return this.replace(/^\s\s*/, '').replace(/\s\s*$/, '')
}
</script>
<style>
  /* body {
    background-image: url("./assets/image/background-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
} */
  html, body, #app {
    height: 100%;
    font-size: 14px;
    background: #f4f4f4;
  }
  .el-message-box__wrapper .el-message-box__content {
    max-height: 320px;
    overflow-y: auto;
  }
  .fl {
    float: left
  }
  .fr {
    float: right
  }
  .inline {
    display: inline-block;
  }
  .is-link {
    text-decoration: underline;
    color: #409EFF;
    cursor: pointer;
    display: inline;
  }
  .thedetail > .el-dialog {
    background: rgb(240, 242, 245);
  }
  .logolack {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    width: 30px;
    background-color: red;
    color: white;
    border-radius: 8px;
  }
  .text-truncate {
      word-wrap: normal;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
  }
  .customDialog_25Percent {
    width: 25% !important;
    min-width: 450px !important;
  }
  .customDialog_50Percent {
    width: 50% !important;
    min-width: 650px !important;
  }
  .customDialog_75Percent {
    width: 75% !important;
    min-width: 850px !important;
  }
.ql-toolbar.ql-snow {
    position: absolute!important;
    z-index: 99!important;
    background: #fff!important;
    width: 100%;
}
.ql-container {
  padding-top:68px;
  max-width: 1000px;
  width: 100%;
}
</style>
